<script type="text/javascript"
	src="views/framework/userRole/js/userRole.js"></script>
<script>
	var userRoleJs = null;
	$(document).ready(function() {
		userRoleJs = new userRoleList($("#userRoleListDiv"));
		userRoleJs.findGridData();
	});
</script>

<div class="main" id="userRoleListDiv" style="height: 100%;">
	<div class="search-panel">
			<div class="search-text">
				<label>角色名称：</label> <input class="k-textbox" data-bind="value:roleName"
					validationMessage="角色名称不能包含特殊字符"
					pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$" />
			</div>
			<div class="search-text">
				<label>角色编号：</label> <input class="k-textbox" data-bind="value:roleCode"
					validationMessage="角色编号只能为大小写因为字母、数字"
					pattern="^[A-Za-z0-9-_]*$" />
			</div>
			<div class="search-Btn">
				<button data-bind="click:queryInfo">查询</button> 
				<button data-bind="click:resetInfo">重置</button>
			</div>
	</div>
	<div class="dataList" style=" height: calc(100% - 65px)">
		<div id="userRoleList" class="gridStyle" style="height: 100%"></div>
	</div>
</div>